<template>
    <div style="border: 1px solid red;">
        <h1>这是注册路由的一个添加编辑about页面</h1> 
        <h2>复选框的勾选，并显示对应的下标</h2>   
        <template v-for="(item ,index) in hobby">
            <input type="checkbox" v-model="tt" :value="index">{{ item }}
        </template>
        <br>
        {{ tt }}
    </div>
    
</template>
<script setup>
    import { ref } from 'vue';
    let hobby=ref(['唱歌','跳舞','游泳','打篮球','追剧','打游戏'])
    let tt=ref([])
</script>